<template>
  <div class="about">
    <h1>This is an about page</h1>
    <h1 @click="say">{{myname}}</h1>
  </div>
</template>
<script>
import {ref} from 'vue'
export default {
  setup(props) { //vue3组件初始化函数 替代了beforeCrate created beforeMount 
      let myname=ref("麦克阿瑟")
     // 事件函数
      let say=()=>{
        alert("你好")
      }
      // reactive()里面可以创建数据 函数，计算属性 等等等
      

    return {
      myname,
      say
    }
  }
}
</script>
